html,
body {
    width: 100%;
    height: 100%;
}

* {
    padding: 0;
    margin: 0;
}

.page {
    width: 95%;
    height: 100%;
    margin: auto;
    overflow: auto;
    

    .header {
        width: 100%;
        height: 90px;
        text-align: left;
        border-bottom: 2px solid #EEEEEE;

        span {
            font-size: 1.2rem;
            font-weight: 600;
            letter-spacing: 2px;
        }

        .bom {
            width: 50px;
            height: 3px;
            background-color: #22AB82;
            margin-top: -38px;
            margin-left: 2%;
        }
    }

    .factor {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: space-between;
        margin-top: 20px;

        .factorLeft {
            display: flex;
            height: 30px;
            margin-top: 5px;
            .ant-space{
                height: 30px;
                line-height: 30px;
            }
            .num {
                min-width: 200px;
                height: 30px;
                display: flex;
                margin-left: 20px;
                border-radius: 6px;
                border: 1px solid #D9D9D9;

                span {
                    display: inline-block;
                    min-height: 50px;
                    margin-top: -45px;
                    color: rgb(83, 82, 82);
                    font-size: 0.6rem;
                }

                .ant-input-number {
                    width: 50px;
                    height: 26px;
                    margin-top: 1px;
                    outline: none;
                    border: none;
                }

                .endNum {
                    margin-left: 5px;
                }
            }

            .ant-input {
                width: 150px;
                height: 30px;
                margin-left: 20px;
                border: 1px solid #D9D9D9;
                outline: none;
                border-radius: 6px;
                padding: 0 5px;

                ::placeholder {
                    color: #A699B3;
                }
            }

            .btnFind {
                min-width:  50px;
                height: 30px;
                margin-left: 20px;
                margin-right: 20px;
                line-height: 30px;
                box-sizing: border-box;

                h4 {
                    font-weight: 550;
                }
            }
        }

        .factorRight {
            height: 40px;
            display: flex;

            .btnCheck,
            .btnOffC,
            .btnPrint,
            .btnOut,
            .btnAdd {
                width: 60px;
                height: 40px;
                line-height: 40px;

                h4 {
                    font-weight: 550;
                }
            }
            .btnCheck,
            .btnOffC,
            .btnPrint,
            .btnOut{
                margin-right: 20px;
            }
        }

        .btn {
            background-color: #22AB82;
            color: #EEEEEE;
            border-radius: 5px;
            font-size: 1rem;
        }
        .btn:hover{
            cursor: pointer;
            background-color: #4EBC9B;
        }
    }

    
}